<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="../img/login/title.png">
    <title>河北工业职业技术学院</title>
    <link rel="stylesheet" href="../css/home/home.css">
    <link rel="stylesheet" href="../css/total/head.css">
    <link rel="stylesheet" href="../css/total/left.css">
    <link rel="stylesheet" href="../css/total/total.css">
    <link rel="stylesheet" href="../css/manage/manageIndex.css">
    <!--引入css插件-->
    <link rel="stylesheet" href="../css/font-awesome/leftcss/font-awesome.css">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <!--引入js插件-->
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/template/template.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <!--引入页面的js-->
    <!--<script src="../js/leftBar.js"></script>-->
    <script src="../js/control/manage/manageIndex.js"></script>
    <!--<script src="../js/header.js"></script>-->
    <script src="../sea-modules/seajs/2.2.0/sea.js"></script>
    <script>
        seajs.config({
            alias: {
                'jquery': '../sea-modules/jquery/jquery/1.10.1/jquery',
                'part':'../js/modules/mainPart'
            }
        });
        seajs.use(['jquery', 'part'], function ($, e) {
            $(document).ready(function () {
                e.part();
            });
        });
    </script>
</head>
<body>
<div id="wrap">
    <!--头部-->
    <div id="header-cont"></div>
    <div class="manage-leftBar">
        <a class="left-selected" href="">
            <span class="left-line"></span>
            <img class="left-icon" src="../../company/img/left/lock_manager.png" alt="全部">全部
        </a>
    </div>
    <div id="main-cont">
        <div class="manage-Box">
            <div class="manage-Box-body">
                <div class="AccountInfo">
                    <p class="AccountInfo-font">账户信息</p>
                </div>
                <div class="AccountInfo-content">
                    <div class="AccountInfo-inputBox">
                        <div class="AccountInfo-inputs">
                            <div class="Manage-input">
                                <p class="UsernameInput">
                                    <span class="Manage-star">*</span>管理员名：
                                </p>
                                <input id="nameControl" value="工院主管" disabled>
                            </div>
                            <div class="Manage-input">
                                <p class="UserPwdInput">
                                    <span class="Manage-star">*</span>请设置密码：
                                </p>
                                <input id="pwdControl" value disabled>
                                <span id="changePwdId" class="changePwd" data-toggle="modal" data-target="#changePwdModal">重置密码</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="changePwdModal" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content" id="modal-content-pwd">
            <a class="close-box">
                <span class="close-cont" data-dismiss="modal" aria-hidden="true">×</span>
            </a>
            <div class="modal-body" id="changePwd-box">
                <div class="changePwd-title">
                    <h6 class="Pwd-h">重置密码</h6>
                </div>
                <form class="changePwd-form">
                    <div class="write-pwd-area">
                        <div class="Pwd-content-text Pwd-content-text-first">
                            <p class="inputPwd-font">请输入原密码：</p>
                            <input type="password" class="PwdArea oldPwdInput" value="">
                        </div>
                        <div class="Pwd-content-text">
                            <p class="inputPwd-font">请输入新密码：</p>
                            <input type="password" class="PwdArea newPwdInput" value="">
                        </div>
                        <div class="Pwd-content-text">
                            <p class="inputPwd-font">请确认新密码：</p>
                            <input type="password" class="PwdArea configNewPwd" value="">
                        </div>

                    </div>
                    <div class="config-pwd-area">
                        <button class="configChangePwd" type="submit">确认修改</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<!--提示框-->
<div id="position-box" class="alert-prompt-box hide" >
    <div class="prompt hide" id="prompt-box-right">
        <img src="../img/alertsuc.png" class="right-img" alt="成功">
        <div class="alert-mark-right">Success</div>
        <div class="alert-content">
            <input class="prompt-show-font" value="" style="border: none;text-align: center">
        </div>
        <input type="button" class="button-ok"  value="OK">
    </div>
    <div  class="prompt hide" id="prompt-box">
        <div class="error-img">
            <span class="poor">X</span>
        </div>
        <div class="alert-mark">Oops...</div>
        <div class="alert-content">
            <input class="prompt-show-font" value="" style="border: none;text-align: center">
        </div>
        <input type="button" class="button-ok"  value="OK">
    </div>
</div>
<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../lib/template/template.js"></script>
</body>
</html>